import { Steps, Table } from 'nextra/components'

# Installation

<Steps>

### Check supported browsers

Suspensive Libraries are optimized for modern browsers. It is compatible with the following browsers config.

<br />

<Table>
  <tbody>
    {[
      { browser: 'Chrome', version: '>= 51' },
      { browser: 'Firefox', version: '>= 53' },
      { browser: 'Edge', version: '>= 18' },
      { browser: 'Safari', version: '>= 11' },
      { browser: 'iOS', version: '>= 11' },
      { browser: 'Opera', version: '>= 38' },
    ].map((item) => (
      <Table.Tr key={item.browser}>
        <Table.Td>{item.browser}</Table.Td>
        <Table.Td className="text-center">{item.version}</Table.Td>
      </Table.Tr>
    ))}
  </tbody>
</Table>

> Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from node_modules yourselves.

### Check supported react version

<br />

<Table>
  <tbody>
    {[{ library: 'react', version: '^18 || ^19' }].map((item) => (
      <Table.Tr key={item.library}>
        <Table.Td>{item.library}</Table.Td>
        <Table.Td className="text-center">{item.version}</Table.Td>
      </Table.Tr>
    ))}
  </tbody>
</Table>

### Add as Dependencies

@suspensive/react lives in npm. To install the latest stable version, run the following command.

[![npm version](https://img.shields.io/npm/v/@suspensive/react?color=000&labelColor=000&logo=npm&label=)](https://www.npmjs.com/package/@suspensive/react)

```shell npm2yarn
npm install @suspensive/react
```

</Steps>
